//单向绑定，跟双向绑定区别


//confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

//删除这个部分
item中绑定一个@click按钮='handlerDelte(todo.id)'
然后方法:methods:{
    handlerDelte(id){
        if(confirm('确定删除信息嘛？'){
            this.todoDelte(id)
        })
    }
}
数据在哪，我们就在哪写
在带有数据的信息中也就是app中
todoDelte(id){
    this.dotos = this.todos.filter((todo) => {
        return todo.id !== id
    })
}

//reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值
reduce:有两个参数，第一个参数是一个函数，第二个参数是统计的初始值 为0
reduce（pre,current）pre(上一个次的值) current(当前的值)


//组件化编程流程
1）拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突
2）实现动态组件：考虑好数据的存放位置，数据是一个组件再用，还是一些组件再用
一个组件再用：放在组件自身即可
一些组件再用：放在他们共同的父组件上（状态提升）
3）实现交互：从绑定事件开始

2，props适用于：
1）父组件 ==》 子组件通信
2）子组件 ==》 父组件通信（要求父传给子一个函数）

3，使用v-model时要切记：v-model绑定的值不能是props传过来的值，因为props是不可以修改的

4，props传过来的若是对象类型的值，修改对象中的属性时Vue不会报错，但不推荐这样做
